* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container{
    width: 100vw;
    height: 100vh;
    padding: 60px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555555;
    background: #ecf0f3;
}
.login-form{
    width: 450px;
    height: 700px;
    padding: 50px 35px 35px 35px;
    border-radius: 40px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #FFFFFF;
}

.x{
    cursor: pointer;
    background-image: url("../img/x.jpg");
    background-position: right;
    background-size: cover;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0px auto;
    box-shadow:
        /*logo*/ 0px 0px 2px #5f5f5f,
        /*effset*/ 0px 0px 0px 5px #ecf0f3,
        /*bottom right*/ 8px 8px 15px #a7aaaf,
        /*top left*/ -8px -8px 15px #ffffff;
}

.logo{
    cursor: pointer;

    background-image: url("../img/default.jpg");
    background-position: center left;
    background-size: cover;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0px auto;
    box-shadow:
            /*logo*/ 0px 0px 2px #5f5f5f,
            /*effset*/ 0px 0px 0px 5px #ecf0f3,
            /*bottom right*/ 8px 8px 15px #a7aaaf,
            /*top left*/ -8px -8px 15px #ffffff;
}
h3{
    text-align: center;
    margin: 0 auto;
}
.field{
    width: 100%;
    padding: 50px 5px 5px 5px;
}
.logininput{
    border: none;
    outline: none;
    background: none;
    font-size:  16px;
    color: #555;
    padding: 20px 10px;
}
.username, .password{
    padding: 0 30px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 30px;
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #FFFFFF;
}
.login-btn{
    outline: none;
    border: none;
    background: #31a783;
    font-size: 20px;
    color: whitesmoke;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    margin-bottom: 30px;
}
.link{
    text-align: center;
}
.link a{
    text-decoration: none;
    color: #a7aaaf;
}
.login-btn:hover{
    background: rgb(29, 189, 149);
}

.rua-btn{
    width: 100px;
    height: 40px;
    border: 2px black solid;
    border-radius: 10px;
}